{% extends 'myhome/index.html'%}
{% block title %}
<title>我的订单</title>
{% endblock %}

{% block css %}
<link href="/static/myhome/css/personal.css" rel="stylesheet" type="text/css">
<link href="/static/myhome/css/infstyle.css" rel="stylesheet" type="text/css">
{% endblock %}


{% block con %}

<div class="center">
            <div class="col-main">
                <div class="main-wrap">

                    <div class="user-info">
                        <!--标题 -->
                        <div class="am-cf am-padding">
                            <div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">个人资料</strong> / <small>Personal&nbsp;information</small></div>
                        </div>
                        <hr>
                        <form class="am-form am-form-horizontal">
                        <!--头像 -->
                        <div class="user-infoPic">

                            <div class="filePic">
                                <input type="file" class="inputPic"  allowexts="gif,jpeg,jpg,png,bmp" accept="image/*">
                                <img class="am-circle am-img-thumbnail" name="pic_url" src="{{ user.pic_url }}" alt="">
                            </div>

                            <p class="am-form-help">头像</p>

                            <div class="info-m">
                                <div><b>用户名：<i>{{ user.username }}</i></b></div>
                                <div class="u-level">
                                    <span class="rank r2">
                                         <s class="vip1"></s><a class="classes" href="#">铜牌会员</a>
                                    </span>
                                </div>
                                <div class="u-safety">
                                    <a href="#">
                                     账户安全
                                    <span class="u-profile"><i class="bc_ee0000" style="width: 60px;" width="0">60分</i></span>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <!--个人信息 -->
                        <div class="info-main">
                            

                                <div class="am-form-group">
                                    <label for="user-name2" class="am-form-label">昵称</label>
                                    <div class="am-form-content">
                                        <input type="text" value="{{ user.username }}" name="username" id="user-name2" placeholder="nickname">

                                    </div>
                                </div>

                  <!--               <div class="am-form-group">
                                    <label for="user-name" class="am-form-label">姓名</label>
                                    <div class="am-form-content">
                                        <input type="text" id="user-name2" placeholder="name">

                                    </div>
                                </div> -->

                               <div class="am-form-group">
                                    <label for="user-name" class="am-u-sm-3 am-form-label">性别</label>
                                    <div class="am-form-content">
                                        <label class="am-radio-inline">
                                            <input type="radio" name="sex" {% if user.sex == '0' %} checked {% endif %} value="0"> 女
                                        </label>
                                        <label class="am-radio-inline">
                                            <input type="radio" name="sex" {% if user.sex == '1' %} checked {% endif %} value="1"> 男
                                        </label>
                                    </div>
                                </div>

                                <!-- <div class="am-form-group">
                                    <label for="user-birth" class="am-form-label">生日</label>
                                    <div class="am-form-content birth">
                                        <div class="birth-select">
                                            <select data-am-selected="" style="display: none;">
                                                <option value="a">2015</option>
                                                <option value="b">1987</option>
                                            </select><div class="am-selected am-dropdown" id="am-selected-tfhvd" data-am-dropdown="">  <button type="button" class="am-selected-btn am-btn am-dropdown-toggle am-btn-default">    <span class="am-selected-status am-fl">2015</span>    <i class="am-selected-icon am-icon-caret-down"></i>  </button>  <div class="am-selected-content am-dropdown-content" style="min-width: 212px;">    <h2 class="am-selected-header"><span class="am-icon-chevron-left">返回</span></h2>       <ul class="am-selected-list">                     <li class="am-checked" data-index="0" data-group="0" data-value="a">         <span class="am-selected-text">2015</span>         <i class="am-icon-check"></i></li>                                 <li class="" data-index="1" data-group="0" data-value="b">         <span class="am-selected-text">1987</span>         <i class="am-icon-check"></i></li>            </ul>    <div class="am-selected-hint"></div>  </div></div>
                                            <em>年</em>
                                        </div>
                                        <div class="birth-select2">
                                            <select data-am-selected="" style="display: none;">
                                                <option value="a">12</option>
                                                <option value="b">8</option>
                                            </select><div class="am-selected am-dropdown" id="am-selected-hy3gu" data-am-dropdown="">  <button type="button" class="am-selected-btn am-btn am-dropdown-toggle am-btn-default">    <span class="am-selected-status am-fl">12</span>    <i class="am-selected-icon am-icon-caret-down"></i>  </button>  <div class="am-selected-content am-dropdown-content" style="min-width: 163px;">    <h2 class="am-selected-header"><span class="am-icon-chevron-left">返回</span></h2>       <ul class="am-selected-list">                     <li class="am-checked" data-index="0" data-group="0" data-value="a">         <span class="am-selected-text">12</span>         <i class="am-icon-check"></i></li>                                 <li class="" data-index="1" data-group="0" data-value="b">         <span class="am-selected-text">8</span>         <i class="am-icon-check"></i></li>            </ul>    <div class="am-selected-hint"></div>  </div></div>
                                            <em>月</em></div>
                                        <div class="birth-select2">
                                            <select data-am-selected="" style="display: none;">
                                                <option value="a">21</option>
                                                <option value="b">23</option>
                                            </select><div class="am-selected am-dropdown" id="am-selected-lghue" data-am-dropdown="">  <button type="button" class="am-selected-btn am-btn am-dropdown-toggle am-btn-default">    <span class="am-selected-status am-fl">21</span>    <i class="am-selected-icon am-icon-caret-down"></i>  </button>  <div class="am-selected-content am-dropdown-content" style="min-width: 163px;">    <h2 class="am-selected-header"><span class="am-icon-chevron-left">返回</span></h2>       <ul class="am-selected-list">                     <li class="am-checked" data-index="0" data-group="0" data-value="a">         <span class="am-selected-text">21</span>         <i class="am-icon-check"></i></li>                                 <li class="" data-index="1" data-group="0" data-value="b">         <span class="am-selected-text">23</span>         <i class="am-icon-check"></i></li>            </ul>    <div class="am-selected-hint"></div>  </div></div>
                                            <em>日</em></div>
                                    </div>
                            
                                </div> -->
                                <div class="am-form-group">
                                    <label for="user-phone" class="am-form-label">电话</label>
                                    <div class="am-form-content">
                                        <input id="user-phone" name="phone" placeholder="telephonenumber" type="tel" value="{{ user.phone }}">

                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label for="user-email" class="am-form-label">电子邮件</label>
                                    <div class="am-form-content">
                                        <input id="user-email" name="email" placeholder="Email" type="email" value="{{ user.email }}">

                                    </div>
                                </div>
                                <!-- <div class="am-form-group address">
                                    <label for="user-address" class="am-form-label">收货地址</label>
                                    <div class="am-form-content address">
                                        <a href="address.html">
                                            <p class="new-mu_l2cw">
                                                <span class="province">湖北</span>省
                                                <span class="city">武汉</span>市
                                                <span class="dist">洪山</span>区
                                                <span class="street">雄楚大道666号(中南财经政法大学)</span>
                                                <span class="am-icon-angle-right"></span>
                                            </p>
                                        </a>

                                    </div>
                                </div>
                                <div class="am-form-group safety">
                                    <label for="user-safety" class="am-form-label">账号安全</label>
                                    <div class="am-form-content safety">
                                        <a href="safety.html">

                                            <span class="am-icon-angle-right"></span>

                                        </a>

                                    </div>
                                </div>
                                <div class="info-btn">
                                    <div class="am-btn am-btn-danger">保存修改</div>
                                </div> -->

                            </form>
                        </div>

                    </div>

                </div>
            </div>

            <aside class="menu">
                <ul>
                    <li class="person">
                        <a href="#">个人中心</a>
                    </li>
                    <li class="person">
                        <a href="#">个人资料</a>
                        <ul>
                            <li class="active"> <a href="{% url 'myhome_myinfo_information' %}">个人信息</a></li>
                            <li> <a href="#">安全设置</a></li>
                            <li> <a href="{% url 'myhome_myinfo_address' %}">收货地址</a></li>
                        </ul>
                    </li>
                    <li class="person">
                        <a href="#">我的交易</a>
                        <ul>
                            <li><a href="{% url 'myhome_myinfo_order' %}">订单管理</a></li>
                            <li> <a href="#">退款售后</a></li>
                        </ul>
                    </li>
                    <li class="person">
                        <a href="#">我的资产</a>
                        <ul>
                            <li> <a href="#">优惠券 </a></li>
                            <li> <a href="#">红包</a></li>
                            <li> <a href="#">账单明细</a></li>
                        </ul>
                    </li>

                    <li class="person">
                        <a href="#">我的小窝</a>
                        <ul>
                            <li> <a href="#">收藏</a></li>
                            <li> <a href="#">足迹</a></li>
                            <li> <a href="#">评价</a></li>
                            <li> <a href="#">消息</a></li>
                        </ul>
                    </li>

                </ul>

            </aside>
</div>

{% endblock %}